
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../global/css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./frm.css" />
</head>
<body>
	<div id="group-prop"></div>
</body>

<script id="tpl-group-prop" type="text/x-dot-template">
    <div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-list-in">
            <li class="aui-list-item" tapmode onclick="openGroupMembList(this);" >
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">群成员</div>
                    <div class="aui-list-item-right">
                        {{~it.avatars :v:i}}
        	            <img class="aui-img-round" src="{{=v}}" data-type="avatar"/>
                        {{~}}
                    </div>
                </div>
            </li>
        </ul>
    </div>

    {{? it.manage}}
    <div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-list-in">
            {{? it.manage.set_admin}}
            <li class="aui-list-item" data-from="set_admin" tapmode onclick="openGroupManage(this);" >
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">设置管理员</div>
                </div>
            </li>
            {{?}}

            {{? it.manage.set_talk_status}}
            <li class="aui-list-item" data-from="set_talk_status" tapmode onclick="openGroupManage(this);" >
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">禁言</div>
                </div>
            </li>
            {{?}}

            {{? it.manage.del_member}}
            <li class="aui-list-item" data-from="del_member" tapmode onclick="openGroupManage(this);" >
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">删除群成员</div>
                </div>
            </li>
            {{?}}
        </ul>
    </div>
    {{?}}

    <div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-list-in">
            {{? it.show_skills}}
            <li class="aui-list-item" tapmode onclick="views.openInviteSkillWin();" >
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">小技巧</div>
                </div>
            </li>
            {{?}}

            <li class="aui-list-item aui-list-item-non-active">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">消息免打扰</div>
                    <div class="aui-list-item-right">
                        <input id="set_talk_status" type="checkbox" class="aui-switch" {{=(0 == it.msg_status)?'checked':''}} tapmode onclick="onSwitchTalkStatus(this);">
                    </div>
                </div>
            </li>
        </ul>
    </div>

    {{? it.quit_group}}
    <div class="aui-content-padded">
        <div class="aui-btn aui-btn-danger aui-btn-block" tapmode onclick="quitGroup(this);">退出群聊</div>
    </div>
    {{?}}
</script>

<script type="text/javascript" src="../../../config.js"></script>
<script type="text/javascript" src="../../../global/script/lib/api.js"></script>
<script type="text/javascript" src="../../../global/script/lib/doT.min.js"></script>
<script type="text/javascript" src="../../../global/script/lib/aui-lazyload.js"></script>
<script type="text/javascript" src="../../../global/script/mylib.js"></script>
<script type="text/javascript" src="../../../app.js"></script>
<script type="text/javascript" src="./frm.js"></script>

</html>


<script type="text/javascript" src="../../../global/script/_fakeApi.js"></script>
<script type="text/javascript">
	window.mockGroupProp = {
	    avatars: [
	        "https://avatar.gitee.com/uploads/0/669200_war1644.png",
	        "https://avatar.gitee.com/uploads/0/669200_war1644.png",
	    ],
	    // manage: {
	    //     set_admin: 1,
	    //     set_talk_status: 1,
	    //     del_member: 1,
	    // },
	    show_skills: 1,
	    msg_status: 0,
	    quit_group: 1,
	};


    fooList();
    function fooList() {
        var html = doT_Render('#tpl-group-prop', window.mockGroupProp);
    	$api.append($api.byId('group-prop'), html);
    }
</script>
